<!-- sliding news -->

<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/slidingnews/style1.css" />
<script language="javascript" type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };

		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
												direction		: 'opacitys',
											 	easing			: 'easeInOutExpo',
												duration		: 1200,
												auto		 	: true,
												maxItemDisplay  : 4,
												navPosition     : 'horizontal', // horizontal
												navigatorHeight : 32,
												navigatorWidth  : 80,
												mainWidth:980,
												buttons			: buttons} );
	});
</script>
<!-- end of sliding news -->

<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent" style="margin-top: -50px; margin-left: 20px; width:980px; height:340px;">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT -->
  <div class="lof-main-outer" style="width:980px; height:340px;">
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/slide_home.png" title="Newsflash 2" />
                 
        </li>
       <li>
       	  <img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/slide_aboutus.png" title="Newsflash 1" >
          	
        </li>
       <li>
       	  <img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/slide_brands.png" title="Newsflash 3" >
          	
        </li>
      
        <li>

       	  <img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/slide_contactus.png" title="Newsflash 5" >
          	
        </li>

       	
      </ul>
  </div>
  <!-- END MAIN CONTENT -->
  
    <!-- NAVIGATOR -->
<div class="lof-navigator-wapper">

        <div onclick="return false" href="" class="lof-next">Next</div>
      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
               <li><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/thumbs/thumb_1.png" /></li>
               <li><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/thumbs/thumb_2.png" /></li>
               <li><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/thumbs/thumb_3.png" /></li>
               <li><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/slidingnews/thumbs/thumb_4.png" /></li>
               
               
            </ul>
      </div>
        <div onclick="return false" href="" class="lof-previous">Previous</div>
 </div>
  <!----------------- --------------------->
 </div>

<script type="text/javascript">

</script>

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->